import React, { Component } from "react";
// 1.0 定义一个父组件Parent
class Parent extends Component {
  state = {};
  // 1.00000父组件定义一个接收钱的方法
  ReceiveMoney = (rmb) => {
    console.log(rmb);
  };
  render() {
    return (
      <div>
        这是父组件的内容
        <br />
        {/* 2.00000在调用子组件的时候，将接收钱的方法传给子组件 */}
        <Child giveMoney={this.ReceiveMoney}></Child>
      </div>
    );
  }
}

export default Parent;

// 2.0 定义一个子组件Child
class Child extends Component {
  state = {};
  handerClick = () => {
    //   将1000元传给 Parent这个组件
    //   通过this.props获取到父组件传入的giveMoney属性的值（本质上是一个方法）
    this.props.giveMoney(1000);
  };
  render() {
    return (
      <div>
        这是子组件的内容 <br />
        {/* 3.00000 在子组件的事件方法中调用父组件传入的方法 */}
        <button onClick={this.handerClick}>点我将1000块给父亲</button>
      </div>
    );
  }
}
